<template>
  <div class="floor-layout tpl-75">
    <div class="layout-main">
      <layout-item :block="data">
        <template slot-scope="{ block }">
          <div class="shop-title">
            <div class="shop-name">店铺名称店铺名称</div>
            <div class="tap">鱼雁专送</div>
          </div>
          <div class="shop-type">
            <div class="shop-score">
              <div class="shop-evaluate">
                <el-rate :value="3.7" disabled show-score text-color="#ff9900" score-template="{value}"></el-rate>
              </div>
              <div class="inment">按摩/洗浴</div>
            </div>
            <div class="shop-position">中山公园</div>
          </div>
          <div class="shop-distance">
            <div class="shop-give">
              <div class="start-give">起送¥20</div>
              <div class="shop-distribution">配送¥8</div>
            </div>
            <div class="time-distance">
              <div class="shop-service">预计45分钟送达</div>
              <div class="sign">|</div>
              <div class="shop-kilometre">4.7km</div>
            </div>
          </div>
          <div class="label-list">
            <ul v-if="data.blockStyle.showTag">
              <li>满100减20</li>
              <li>限时秒杀</li>
              <li>新人特惠</li>
              <li>多人拼团</li>
              <li>自定义标签</li>
            </ul>
          </div>
          <div class="evaluate-content">
            <template v-if="data.blockStyle.showEvaluate">
              <i class="el-icon-news"></i>
              <span>"客户评价内容客户评价内容"</span>
            </template>
          </div>
          <div class="shop-img">
            <div v-for="(item,index) in block.shopsPic" :key="index">
              <img :src="item" alt="" />
            </div>
          </div>
          <div class="goods-detail">
            <div class="goods-price">
              <div class="conclude">订</div>
              <div class="price">¥29.9</div>
              <div class="original-price">¥59.9</div>
              <div class="goods-name">商品名称商品名称</div>
            </div>
            <i class="el-icon-arrow-right"></i>
          </div>
          <div class="goods-detail d-two">
            <div class="goods-price">
              <div class="conclude">订</div>
              <div class="price">¥29.9</div>
              <div class="original-price">¥59.9</div>
              <div class="goods-name">商品名称商品名称</div>
            </div>
            <i class="el-icon-arrow-right"></i>
          </div>
          <div class="floor">
            查看更多优惠项目<i class="el-icon-arrow-down"></i>
          </div>
        </template>
      </layout-item>
    </div>
  </div>
</template>

<script>
  import mixin from '../mixin';

  export default {
    name: 'tpl_75',
    mixins: [mixin],
    title: '发现页模块',
    dataTpl: {
      tpl_id: 75,
      shopsId: [],
      shopsPic: [ require('../imgs/product-none.png'), require('../imgs/product-none.png'), require('../imgs/product-none.png') ],
      blockStyle: {
        selectType: 1,  // 商品选择类型
        showEvaluate: true, // 用户评价
        showNum: 10, // 显示个数
        showRange: 10, // 显示范围
        showTag: true, // 展示标签
        showHotGoods: true, // 是否显示热卖商品
        hotNum: 10
      }
    }
  }
</script>